/*
 * Instagram Element
 * Version: 1.4
 *
 * Author: Chris Rivers
 * http://codecanyon.net/user/xxcriversxx
 *
 *
 * Changelog: 
 * Version: 1.4
 *
 */



/* CORE 
-------------------------*/
.instagram-element { padding-bottom:35px; }

.instagram-element:after { 
content: "";
display: block;
clear: both;
}

/* Classic View */
.instagram-element .instagram-photo {	
	cursor:pointer;
	float:left;
	height:0;
	line-height:0;
	margin:0;
	overflow:hidden;
	padding-bottom:16.66%;
	position:relative;
	width:16.66%;
	border: solid 5px transparent;
}

.instagram-element .instagram-photo.image { background-color: inherit; }
.instagram-element .instagram-photo.video { background-color: inherit; }

.instagram-element .instagram-photo img { 	
	height: 100%;
	left: 50%;
	min-width: 100%;
	max-width: inherit;
	opacity: 1;
	position: absolute;
	top: 50%;
	transform: scale(1.1) translate(-50%, -50%);
	transform-origin: 0 0;
	transition: all 0.5s ease;
	-moz-transition: -moz-transform 0.5s ease;
	-webkit-transition: -webkit-transform 0.5s ease;
	-webkit-backface-visibility: hidden;
}

.instagram-element .instagram-photo:hover img { 
	-webkit-transform: scale(1.2) translate(-50%, -50%);
	-moz-transform: scale(1.2) translate(-50%, -50%);
	-ms-transform: scale(1.2) translate(-50%, -50%);
	-o-transform: scale(1.2) translate(-50%, -50%);
	transform: scale(1.2) translate(-50%, -50%);
	opacity: 0.6;
}

.instagram-element .instagram-photo .element-meta {
	color: #fff;
	filter: alpha(opacity=0);
	left: 0;
	height: 22px;
	opacity: 0;
	position: absolute;
	text-align: center;
	top: 10%;
	width: 100%;
	background-image: url("images/interact.svg");
	background-repeat: no-repeat;
	background-position: center center;
}

.instagram-element .instagram-photo .element-meta > span { display: none; }

.instagram-element .instagram-photo .icon {
	display:none;
	height:29px;
	position:absolute;
	right:18px;
	text-indent:-9999px;
	top:18px;
	width:26px;
}

.instagram-element .instagram-photo:hover .icon { display:block; }
.instagram-element .instagram-photo.video .icon { background:url("images/video-icon.png") no-repeat; }
.instagram-element .instagram-photo.image .icon { background:url("images/image-icon.png") no-repeat; }

/* User List */
.instagram-user-all { background: none; cursor:pointer; display: inline-block; float: left; line-height: 0; width: 5%; }
.instagram-user-all img { 
	height:auto;
	width:100%;
}
.instagram-user-all:hover img { opacity:.5; }

/* Load More */
.seachInstagramLoadMoreContainer { clear: both; text-align:center; }
.seachInstagramLoadMore { margin-top: 20px; }

/* Fix for landscape photos */
/*
body .instagram-photo img { -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -ms-transform: scale(1.3); -o-transform: scale(1.3); transform: scale(1.3); -webkit-backface-visibility: hidden; }
body .instagram-element .instagram-photo:hover img { -webkit-transform: scale(1.5); -moz-transform: scale(1.5); -ms-transform: scale(1.5); -o-transform: scale(1.5); transform: scale(1.5); }
body .instagram-element .instagram-media img { -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -ms-transform: scale(1.3); -o-transform: scale(1.3); transform: scale(1.3); width:100%; }
*/


@media screen and (max-width: 750px) {
	
.instagram-element .instagram-photo {	
	width:33.3%;
	padding-bottom: 33.3%;
}
}

@media screen and (max-width: 550px) {
	
.instagram-element .instagram-photo {	
	width:50%;
	padding-bottom: 50%;
}
}